<template>
    <view :style="{ paddingTop: top + 'px' }" class="min-h-screen bg bg-[#F8F8F8]">
        <view :style="{ height: pendantHight + 'px' }"
            class="text-[#3D3D3D] font-medium  flex items-center justify-center text-[40rpx] relative">
            合作发展
            <view @click="goback" class="absolute left-[36rpx]"><up-icon name="arrow-left" color="#000"
                    size="23"></up-icon></view>

        </view>
        <view class="mx-[40rpx] text-[#FD755D] pt-[30rpx] pb-[20rpx] tracking-widest">
            说明：如您有合作意向，请留下您的联系信息、合作意向内容。我们将会根据您的留下的信息联系您！</view>
        <view class=" bg-white px-[30rpx] pt-[20rpx] pb-[60rpx]">
            <view class="py-[20rpx] border-b border-[#D8D8D8] flex items-center"><text class="w-[5em]">姓名：</text> <input class="flex-1" type="text" placeholder="请填写你的姓名"></view>
            <view class="py-[20rpx] border-b border-[#D8D8D8] flex items-center"><text class="w-[5em]">手机号码：</text> <input type="text" class="flex-1" placeholder="请填写你的手机号码"></view>

            <view class="py-[20rpx] border-b border-[#D8D8D8] flex items-center"><text class="w-[5em]">微信号：</text> <input type="text" class="flex-1" placeholder="请填写你的微信号"></view>

            <view class="py-[20rpx] border-b border-[#D8D8D8] mb-[20rpx]"><view class="w-[5em] mb-[20rpx]">合作内容：</view> <textarea name="" id="" placeholder="请输入你的合作内容"></textarea></view>

            <view class="mt-[175rpx] flex justify-center">
                <view @click="roleSelect = true"
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    提交</view>
            </view>
        </view>

    </view>

</template>

<script setup>
import api from "@/api/api"
import { useUserStore } from '@/stores/userinfo'
import { ref } from "vue"
const res = wx.getMenuButtonBoundingClientRect()
const top = ref(res.top) //胶囊距上距离
const pendantHight = ref(res.bottom - res.top) //胶囊高度  
const roleSelect = ref(false)
const goback = () => {
    uni.navigateBack()
}
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>

<style lang="scss" scoped>
.bg {
    background: linear-gradient(168deg, rgba(255, 146, 127, 0.4) 0%, #FFFFFF 40%, rgba(255, 255, 255, 0) 100%);
}
</style>